iT邦幫忙

2021 iThome 鐵人賽

DAY 9
0
自我挑戰組

Scratch 3 從入門到精通系列 第 9

Day 9 ( 中級 ) 水中吐泡泡

  • 分享至 

  • xImage
  •  

水中吐泡泡

教學原文參考:水中吐泡泡

這篇文章會介紹,如何在 Scratch 3 裡使用建立分身、繪製角色、更換造型、圖像效果、重複無限次、隨機數...等積木,實作用滑鼠在水中吐出泡泡的效果。

相關文章參考:分身重複移動隨機數

角色與背景設定

在角色編輯區,刪除貓咪角色,使用繪畫,繪製一個新的角色 ( 參考:造型與繪圖 )。

Scratch 3 教學 - 水中吐泡泡

使用「筆刷」,顏色使用白色或淺灰色,畫出三個不同的泡泡造型。

Scratch 3 教學 - 水中吐泡泡

將舞台背景更換成水底世界的圖案 ( 這時應該可以在舞台上看到繪製的泡泡圖案 )。

Scratch 3 教學 - 水中吐泡泡

積木程式原理

使用「重複無限次」,讓偵測「滑鼠鍵按下」的時候,將泡泡定位到滑鼠的位置,並且更換造型,點擊綠旗執行後,當滑鼠在舞台上面點擊,就會看到泡泡出現在滑鼠的位置。

Scratch 3 教學 - 水中吐泡泡

在重複無限次裡,增加「重複 50 次」、「x / y 改變」、「隨機取數」的積木,讓泡泡可以左搖右晃的往上移動。

Scratch 3 教學 - 水中吐泡泡

Scratch 3 教學 - 水中吐泡泡

使用「建立自己的分身」積木,將「定位到滑鼠位置」和「重複 50 次的區塊內容」,改成當分身產生後才執行,點擊綠旗執行後,當滑鼠在舞台上面點擊,就會看到滑鼠的位置出現一大堆泡泡往上飄,飄到上面之後就會消失 ( 因為使用了「分身刪除」的積木 )。

Scratch 3 教學 - 水中吐泡泡

Scratch 3 教學 - 水中吐泡泡

完成效果

了解之後,將程式進行最後修改,加入「顯示」、「隱藏」、「尺寸」和「透明度」,就能夠做出比較逼真的泡泡效果。

Scratch 3 教學 - 水中吐泡泡

Scratch 3 教學 - 水中吐泡泡

範例解答

範例解答:水中吐泡泡

延伸練習

如果已經熟悉了水中吐泡泡的原理,還可以嘗試更多好玩的作法:

  • 幫泡泡加上音效。( 解答 )

關於我

大家好,我是 OXXO,是個即將邁入中年的斜槓青年,如果對我有點興趣(笑,可以與我聯繫,一起來做點有玩又有創意的東西吧!


上一篇
Day 8 ( 中級 ) 貓咪跑步 ( 超長背景 )
下一篇
Day 10 ( 中級 ) 雪花隨風飄
系列文
Scratch 3 從入門到精通46
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言